<template>
    <div class="cash">
      <mt-header title="我的钱包" class="header">
       <router-link to="/aboutme" slot="left">
         <mt-button icon="back"></mt-button>
       </router-link>
      </mt-header>
      <!-- 余额 -->
      <div class="burse">
        <p class="balance">当前余额</p>
        <p class="mon">￥<span class="money">0</span></p>
        <p class="deposit ">立即提现</p>
      </div>
      <!-- 导航栏 -->
      <div >
      <mt-navbar v-model="selected">
         <mt-tab-item id="1">收支记录</mt-tab-item>
          <mt-tab-item id="2">提现记录</mt-tab-item>
      </mt-navbar>
     <!-- 内容  -->
    <mt-tab-container v-model="selected">
       <mt-tab-container-item id="1">
          <mt-cell title="暂无记录" />
       </mt-tab-container-item>
       <mt-tab-container-item id="2">
          <mt-cell title="暂无记录" />
       </mt-tab-container-item>
    </mt-tab-container>
    </div>
    </div>
</template>
<script>
export default {
  data(){
    return{
      selected:'1'
    }
  }
}
</script>

<style>
/* 标头 */
.cash .header {
  color: black;
  font-size: 16px;
  background-color: #fff;
}

/* 余额 */
.cash .burse {
  width: 340px;
  height: 130px;
  margin: 5px auto;
  background: url("/img/index/20200329111110_5881.png") no-repeat;
  background-size: 100%;
  padding: 14px 0px 0px 23px;
}
.cash .balance {
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.cash .money {
  font-size: 35px;
}
.cash .mon {
  width: 35px;
  margin-bottom: 10px;
}
.cash .burse:nth-child(2) {
  color: #fff;
}
.cash .deposit {
  width: 120px;
  height: 35px;
  color: red;
  line-height: 35px;
  text-align: center;
  border-radius: 17px;
  background-color: #fff;
}
/* 内容 */
.cash .mint-cell-wrapper{
  height: 200px;
  text-align: center;
}
</style>
